// 模态框遮罩层样式层级覆盖
.modal-backdrop{
  z-index: 0;
}

.box{

  // 顶部固定部分
  .navbar-default{
    background-color: #0091EA;
    border-bottom: 0px;
    margin-bottom: 0;
    .container{
      .top_left{
      }
      .top_right{
        line-height: 64px; 
        a{
          text-decoration: none;
          color: #fff;
          font-size: 16px;
          padding: 0 10px;
        }
        a:hover{
          text-decoration: none;
        }
        // 注册模态框样式
        #myModal1{
          .modal-content{
            // width: 400px;
            .modal-header{
              .modal-title{
                text-align: center;
              }
            }
            .modal-body{
              padding-left: 40px;
              padding-right: 40px;
              .smbox{
                height: 50px;
                label{
                  width: 90px;
                  font-size: 18px;
                  font-weight: 400;
                  text-align: right;
                  margin-right: 15px;
                }
                .form-control{
                  display: inline-block;
                  width: 45%;
                }
                #telphone{
                  margin-right: 5px;
                }
                #idcode{
                  width: 26%;
                }
                .resend{
                  width: 18%;
                }
                #repsd,#psd{
                  margin-right: 5px;
                }
              }
              .submit{
                width: 90%;
                margin: 20px auto 0px auto;
                height: 40px;
                // line-height: 40px;//如果用a标的话加上这句可使按钮内文字垂直居中
              }
              .checkbox input[type=checkbox]{
                position: relative;
                margin-right: 5px;
              }
              .checkbox {
                text-align: center;
                label{
                  a{
                    color: #551A94;
                  }
                }
              }
            }
          } 
        }

        //登录模态框样式
        #myModal2{
          .modal-content{
            .modal-header{
              .modal-title{
                text-align: center;
              }
            }
            .modal-body{
              padding-left: 40px;
              padding-right: 40px;
              padding-bottom: 40px;
              .smbox{
                height: 50px;
                label{
                  width: 90px;
                  font-size: 18px;
                  font-weight: 400;
                  text-align: right;
                  margin-right: 15px;
                }
                .form-control{
                  display: inline-block;
                  width: 40%;
                  margin-right: 5px;
                }
              }
              .submit{
                width: 90%;
                margin: 20px auto 0px auto;
                height: 40px;
              }
            }
          }
        }
      }
    }
  }

  // banner图部分
  .banner{
    margin-top: 64px;
    padding: 0px 0px;
    height: 460px;
    img{
      width: 100%;
      height: 100%;
      display: block;
    }
  }

  // 底部版权部分
  .footer{
    height: 113px;
    line-height: 113px;
    font-size: 20px;
    color: #FEFEFE;
    text-align: center;
    background-color: #0091EA;
  }

}
